.news-list {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #fff;
	.news-item {
	padding: .1rem;

	img {
		height: 100%;
		opacity: 0;
		transition: opacity .5s;
	}

	.info {
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: .25rem;
		color: #999;
		border-bottom: .01 solid #ededed;
		font-size: .12rem;

		.author {
			margin-right: .1rem;
		}
	}

	.title {
		padding: .05rem 0;
		line-height: .2rem;

		h1 {
			font-size: .16rem;
		}
	}

    &.type-1 {
    	.main {
    		display: flex;
    		flex-direction: row;

    		.pic {
    			flex: 1;
    			background-color: #eee;
    			box-sizing: border-box;
    		}

    		.title {
    			flex: 2;
    			padding-right: .1rem;
    			box-sizing: border-box;
    		}
    	}
    }

    &.type-2,
    &.type-3 {
    	.pic {
    		display: flex;
    		flex-direction: row;
    		justify-content: space-between;

    		.img {
    			width: 33.33%;
    			flex: 1 1 auto;
    			margin-right: .05rem;
    			background-color: #eee;
    			font-size: 0;

    			&.last {
    				margin: 0;
    			}
    		}
    	}
    }
}
}